// import './page/event';

/* ------------------- css处理：css-loader ------------------- */
// import './asset/index.css'
// const ret = require('./asset/index.css')
// console.log('ret:', ret.toString())
// const css = ret.toString()
// const style = document.createElement('style')
// style.innerHTML = css
// document.head.appendChild(style)

/* ------------------- 图片处理：file-loader ------------------- */
// const png = require('@/asset/images/5.png').default
// import png from '@/asset/images/6.png'
// console.log('png:', png)

// const img = document.createElement('img')
// img.src = png
// img.style.width = '100px'
// document.body.appendChild(img)

/* ------------------- CSS Module ------------------- */
// style-loader和css-loader要同时配置
// 配置css-loader的modules为true,会导出一个对象
// import style1 from './asset/css-module/style1.css'
// import style2 from './asset/css-module//style2.css'
// console.log(style1) // {c1: 't0NcMkFD2eSiPyPfXLew', c2: 'nnmlF7Z7ijU4xOVGupxA'}
// console.log(style2) // {c1: 'o6Tw13jBA3VibxcF5278', c2: 'jJTdVdwHi3QN3WwGHUSg'}

// const div = document.createElement('div')
// div.innerText = '测试 CSS Module'
// div.className = `${style2.c1} ${style2.c2} main`
// document.body.appendChild(div)

/* ------------------- 预编译器：less less-loader ------------------- */
// 编译less文件：npx lessc index.less index.css。也可以通过vscode插件Easy Less自动编译
// import '@/asset/less/index.less'

/* ------------------- Postcss postcss-loader ------------------- */

/* ------------------- 抽离CSS文件：mini-css-extract-plugin ------------------- */
/* 
    该库提供了1个plugin和1个loader
    plugin：负责生成css文件
    loader：负责记录要生成的css文件内容，同时导出开启css-module后的样式对象
*/
// import  './asset/index.css'

/* ------------------- Babel ------------------- */
/* 
    @babel/core:babel核心库，提供了编译所需的所有api
    @babel/cli:提供一个命令行工具，调用核心库的api完成编译
*/
new Promise((resolve) => {
  resolve();
});

Array.of(2, 3, 4);
